import React, { Component } from 'react'
import '../components/style.css'
import { connect } from "react-redux";
class HomeUl extends Component {
    render() {
        return (<ul className="showUl">
            {
                this.setLi()
            }
        </ul>)
    }

    setLi() {
        return this.props.ulDate.map((i, index) => {
            return (
                <li key={i.id}>
                    <img className="li-img" alt="1" src={i.img} />
                    {i.text}
                </li>
            )
        })
    }
}
const mapStateToProps = (state, ownProps) => {
    return {
        ulDate: state.get("home").get("ulDate").toJS()
    }
}
const mapDispatchToProps = (dispatch, ownProps) => {
    return {

    }
}
export default connect(mapStateToProps, mapDispatchToProps)(HomeUl) 